<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>事件</title>
</head>
<body>
<p onmousemove="fun01()">这是第一个段落</p>
<p onmouseout="fun02()">这是第二个段落</p>
<button onclick="fun01()">点击</button>
<input type = "text" onfocus="fun03()" onblur="fun04()" />
<!--<input type = "text" onblur="fun04()">-->
<script type="text/javascript">
    function fun01() {
        console.log("事件触发！！！！！");
    }
    function fun02() {
        console.log("鼠标移出来了！！！！！");
    }
     function fun03() {
        console.log("聚焦！！！！！");
    }

     function fun04() {
        console.log("移出聚焦！！！！！");
    }
</script>
</body>
</html>